import path from "path";
const CracoLessPlugin = require("craco-less");
module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        cssLoaderOptions: {
          modules: { localIdentName: "[local]_[hash:base64:5]" },
          // lessOptions: {
          //   modifyVars: {
          //     hack: `true; @import (reference) "${path.resolve(
          //       __dirname,
          //       "./src/styles/variables.less"
          //     )}";`, // 将variables.ess里的变量变成全局
          //   },
          //   javascriptEnabled: true,
          // },
        },
      },
    },
  ],
  // webpack 配置
  webpack: {
    // 配置别名
    alias: {
      // 约定：使用 @ 表示 src 文件所在路径
      "@": path.resolve(__dirname, "src"),
      // ....其他的一些配置
    },
    // module: {
    //   rules: [
    //     {
    //       test: /\.(less|css)$/,
    //       use: [
    //         // 将 JS 字符串生成为 style 节点
    //         "style-loader",
    //         // 将 CSS 转化成 CommonJS 模块
    //         "css-loader",
    //         "less-loader",
    //       ],
    //     },
    //   ],
    // },
  },
};
